<#assign module="driver"/>

<@override name="header">
    <link rel="stylesheet" href="${ctx}/assets/css/bootstrap-multiselect.css">
    <style>
        .table > thead > tr > th {
            text-align: center;
        }

        .table > tbody > tr > th {
            text-align: center;
        }

        .table > tbody > tr > td {
            vertical-align: middle;
            text-align: center;
        }

        .input-query-multiple {
            min-width: 300px;
            padding: 0px 0px;
            height: auto;
            margin-top: 20px;
        }
    </style>
</@override>
<@override name="body">
    <div class="tabbable tabs-left">
        <div class="row">
            <div class="col-xs-12 col-md-10">
                <div class="orders-navt">
                    <ul class="orders-nav">
                        <@shiro.hasPermission name='servicePersonal'>
                            <li style="width:90px;"><a href="${ctx}/driver/list">服务人员</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='drivergrade'>
                            <li style="width:110px;"><a href="${ctx}/drivergrade/list">服务人员等级</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='driverapply'>
                            <li><a href="${ctx}/driverapply/list">申请</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='callLog'>
                            <li style="width:90px;"><a href="${ctx}/driver/recordlist">通话记录</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='notice'>
                            <li><a href="${ctx}/notice/list">通知</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='announcement'>
                            <li style="width:90px;"><a href="${ctx}/driver/announcementList">公告</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='drivermoney'>
                            <li style="width:90px;"><a href="${ctx}/driver/drivermoney">批量操作</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='drivermoney'>
                            <li style="width:110px;"><a href="${ctx}/driver/driverReward">服务人员奖励</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='driverenchashment'>
                            <li style="width:100px;"><a href="${ctx}/driverenchashment/list">申请提现</a></li>
                            <li style="width:120px;"><a href="${ctx}/driverRebateenchashment/extendList">申请提取推广奖励</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='driverloginrecord'>
                            <li class="orders-click" style="width:90px;"><a href="${ctx}/driver/loginlist">登录日志</a></li>
                        </@shiro.hasPermission>
                    </ul>
                </div>
            </div>
            <div class="col-xs-1">
            </div>
        </div>
    </div>

    <div class="row margin-top">
        <form class="form-inline" role="form">
            <div class="col-xs-12">

                <@shiro.isMainCompany>
                    <div class="form-group">
                        <select class="form-control" style="width:300px;" id="companyId" multiple="multiple">
                            <#list companys as company>
                                <option value="${company.id}">${company.abbreviation}</option>
                            </#list>
                        </select>
                    </div>
                </@shiro.isMainCompany>

                <div class="form-group">
                    <input type="text" class="form-control" style="width:300px;" id="param" name="param"
                           placeholder="输入姓名、手机号、工号">
                </div>
                <button id="searchButton" type="button" class="btn btn-primary"><i class="icon-search"></i>&nbsp;搜索
                </button>
            </div>
        </form>
    </div>

    <div class="row margin-top">
        <div class="col-xs-12">
            <div class="tabta-content">
                <table class="table table-condensed table-striped ">
                    <tbody>
                    <tr>
                        <th>姓名</th>
                        <th>手机号</th>
                        <th>工号</th>
                        <th>IP</th>
                        <th>时间</th>
                    </tr>
                    </tbody>
                </table>

                <ul class="pagination pull-left pagination-sm pageshow" id="pageshow" style="display:none;">
                    <li><a></a></li>
                </ul>
                <ul class="pagination pull-left pagination-sm pagedata" id="pagedata" style="display:none;">
                </ul>
            </div>

        </div>
    </div>


</@override>

<@override name="footer">
    <script type="text/javascript">
        window.daijia = {
            ctx: '${ctx}',
            userId: '<@shiro.principal property='id'/>'
        };
    </script>
    <script src="${ctx}/assets/js/bootstrap-multiselect.js"></script>
    <script src="${ctx}/assets/js/jquery.paging.min.js"></script>
    <script src="${ctx}/assets/js/pushmessage.js"></script>
    <script src="${ctx}/assets/js/driver/loginlist.js"></script>
    <script type="text/javascript">

    </script>
</@override>
<@extends name="../layout.ftl"/>